<!--
 * @Author: caihongtai caihongtai
 * @Date: 2025-03-01 21:16:50
 * @LastEditors: caihongtai caihongtai
 * @LastEditTime: 2025-03-19 22:15:24
 * @FilePath: /ai-interview-vue/src/App.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <router-view v-slot="{ Component }">
    <keep-alive>
      <component :is="Component" v-if="$route.meta.keepAlive" />
    </keep-alive>
    <component :is="Component" v-if="!$route.meta.keepAlive" />
  </router-view>
</template>

<script setup>
</script>

<style>
  html {
    /* 禁止页面缩放 */
    -webkit-text-size-adjust: 100%;
  }

  body {
    /* 使用更通用的字体族设置 */
    font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue',
      'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei',
      'Source Han Sans SC', 'Noto Sans CJK SC', 'WenQuanYi Micro Hei',
      sans-serif;
    font-size: 14px;
    background-color: #f7f8fa;
    overflow-x: hidden;
  }



  /* 去除默认样式 */
  * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
  }

  /* 修复 iOS 默认输入框内阴影 */
  input {
    -webkit-appearance: none;
  }

  /* 统一图片样式 */
  img {
    max-width: 100%;
    height: auto;
    object-fit: contain;
  }
</style>